<!-- stats.html -->
<div class="stats-container">
    <div class="stats-header">
        <h3>Token使用统计</h3>
        <div class="date-range">
            <input type="date" id="start-date">
            <span>至</span>
            <input type="date" id="end-date">
            <button onclick="loadTokenStats()">查询</button>
        </div>
    </div>

    <div class="stats-grid">
        <div class="stat-card">
            <h4>模型使用分布</h4>
            <div id="model-usage-chart" class="chart-container"></div>
        </div>

        <div class="stat-card">
            <h4>每日Token趋势</h4>
            <div id="daily-trend-chart" class="chart-container"></div>
        </div>

        <div class="stat-card">
            <h4>输入输出Token比例</h4>
            <div id="token-ratio-chart" class="chart-container"></div>
        </div>
    </div>
</div>